px2rem(a)
  $rem = 37.5px
  unit(a / $rem, rem)

html
  background-color: #f8f8f8;

.header
  height: px2rem(40px);
  background-color: red;
  display flex;
  flex-direction row;
  align-items center
  margin-top 0
  padding-left px2rem(23px)
  .header-item
    display inline-block
    font-size px2rem(16px);
    color #ffcdce
    line-height px2rem(40px)
    margin-right px2rem(16px)
    &:nth-child(2)
      color #fff
      font-size px2rem(17px)

.banner-content
  position: relative;
  .banner
    display block
    width: 100%
    height px2rem(190px)
  .banner-title
    z-index 5
    font-size px2rem(16px)
    color #fff
    position absolute
    left px2rem(14px)
    bottom px2rem(14px)

.news-content
  .news-item
    padding 0 px2rem(15px)
    width: 100%
    height px2rem(90px)
    box-sizing border-box
    .item-inner
      border-bottom px2rem(1px) solid #e5e5e5
      overflow hidden
      position relative
    .news-img
      margin-top px2rem(10px);
      width: px2rem(95px);
      height px2rem(70px)
      float left
      margin-right px2rem(15px);
    .news-title
      color #404040;
      font-size px2rem(16px)
      margin-top px2rem(16px)
      line-height px2rem(20px)
    .time
      position: absolute;
      left px2rem(109px)
      bottom px2rem(10px)
      color #888
      font-size px2rem(12px)
    .num
      position absolute
      color #888
      font-size px2rem(12px)
      right px2rem(4px)
      bottom px2rem(10px)
      &:before
        content ''
        position: absolute;
        background-image: url(img/resizeApi.png);
        width px2rem(21px);
        height: px2rem(20px);
        background-size: contain;
        top px2rem(-3px)
        left px2rem(-23px)

